import styled from "styled-components";

export const SongWrap = styled.div`
  background-color: #fff;

  .anticon {
    background: none;
  }

  .songBox {
    border-left: 1px solid rgb(211, 211, 211);
    border-right: 1px solid rgb(211, 211, 211);
    padding: 40px;
    padding-bottom: 0;
    position: relative;
    ::after {
      clear: both;
      overflow: hidden;
      content: "";
      display: block;
    }
    .ant-pagination {
      text-align: center;
    }
  }
  .song-box-content {
    ul {
      li {
        padding: 0 0 30px 49px;
        :nth-child(5n-4) {
          padding-left: 0;
        }
        .playlist-b-box {
          .playlist-p {
            width: 140px;
            p {
              text-overflow: ellipsis;
              white-space: nowrap;
              overflow: hidden;
              color: #000;
              font-size: 14px;
              :nth-child(2n) {
                color: #666;
                font-size: 12px;
              }
            }
          }
        }
      }
    }
    ::after {
      content: "";
      clear: both;
      display: block;
      overflow: hidden;
    }
  }
`;
